﻿body {
     font-family:'Trebuchet MS';
      font-size:11px;
     background:whitesmoke;
}
.filterSearch {
} 

.tblFiltro {
     width:99%;
     border:2px;
}
img {
    border:none;
}
#divTitulo {

 
     font-size:18px;
     font-weight:bold;
     text-align:left;
 margin-left:20px;
}
#divMain {
      background:white;
 
 width:75%;
  text-align:center; 
   border:  1px #a6c9e2 solid; 
   /*-webkit-box-shadow: 10px 10px 9px 0px rgba(23,123,186,0.77);
-moz-box-shadow: 10px 10px 9px 0px rgba(23,123,186,0.77);
box-shadow: 10px 10px 9px 0px rgba(23,123,186,0.77);*/

-webkit-box-shadow: 10px 10px 6px 0px rgba(66,151,215,1);
-moz-box-shadow: 10px 10px 6px 0px rgba(66,151,215,1);
box-shadow: 10px 10px 6px 0px rgba(66,151,215,1);
}

#divCuerpo {
     width:80%;
     border:2px;
 
     height:100px;
}
#divTool {
     width:30%;
     border:2px;
     background:red;
     height:100px;
}
#divFiltro {
      margin: 0 auto;
     width:97%;
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border:  1px #a6c9e2 solid;
    background: #ecf8fd;
}
footer {
      width:97%;
     margin: 0 auto;
    
     border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border:  1px #a6c9e2 solid;
    background: #ecf8fd;
}
#divFooter{
     width:99%;
     height:60px;
 
}
#divTool {
      
      margin-top:20px;
   
     
}
.button-blue {
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
        text-decoration: none;
}
.button-blue:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-blue:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
    text-decoration: none;
}

.button-green {
    padding: 10px 15px;
    background: #5CB811;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #3B7808;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-green:hover {
    background: #8fa42b;
    border: solid 1px #3B7808;
    text-decoration: none;
}
.button-green:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #5CB811;
    border: solid 1px #3B7808;
}

.btnAdd {
    background:url(../Imagen/icono/new.png) no-repeat 100% 0; 
}